<template>
	<view class="page-wrap" :data-theme="theme" :class="theme" :style="globalColor.style">
		<HeadCustom></HeadCustom>
		<view class="content-wrap bg-F7F8FF">
			<view class="input-item bg-base">
				<!-- <view class="" @click="selectBirthday">{{ fromData.birthday }}</view> -->
				<!-- <u-datetime-picker :show="show" v-model="fromData.birthday" mode="date"></u-datetime-picker> -->
				<picker mode="date" :value="fromData.birthday" :start="startDate" :end="endDate" @change="bindDateChange">
					<view class="uni-input">{{ fromData.birthday || '' }}</view>
				</picker>
			</view>
			<view class="input-tips fboxRow Ycenter font24 color-969699">请选择生日，实名认证后不可修改。</view>
		</view>
		<BottomBtn title="保存" @btnClick="verifyTap"></BottomBtn>
	</view>
</template>

<script>
import BottomBtn from '@/components/bottom-btn/index.vue';
import { strTrim } from '@/static/js/common.js';
import { editMixinsMine } from './edit.mixins.mine.js';
export default {
	mixins: [editMixinsMine],
	components: { BottomBtn },
	data() {
		return {
			theme: getApp().globalData.appTheme,
			globalColor: getApp().globalData.globalColor,
			fromData: {
				birthday: '',
				isAuth: false
			},
			startDate: '',
			endDate: '',
			show: false
		};
	},
	methods: {
		verifyTap() {
			const { birthday } = this.fromData;
			if (birthday) {
				this.putInfo();
			} else {
				uni.showToast({
					icon: 'none',
					title: '选择生日'
				});
			}
		},
		bindDateChange(val) {
			this.fromData.birthday = val.detail.value;
		}
	}
};
</script>
<style lang="scss" scoped>
::v-deep .u-radio {
	margin-top: 20rpx;
}
.content-wrap {
	height: calc(100vh);
}
.input-item {
	padding: 40rpx;
	
}
.uni-input {
	width: 670rpx;
	line-height: 46rpx;
	
	padding: 15rpx 8rpx;
	background-color: #fff;
	border-radius: 12rpx;
	
}
.input-tips {
	padding: 15rpx 40rpx;
	line-height: 32rpx;
}
</style>
